<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="keywords" content=""/>
    <meta name="description" content=""/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="format-detection" content="telephone=no"/>
    <title>个人中心</title>
    <link rel="stylesheet" href="css/reset_b43207c.css"/>
    <link rel="stylesheet" href="css/personal_center.css"/>
    <link rel="stylesheet" href="css/swiper-3.4.2.min_6af34d0.css"/>
    <link rel="stylesheet" href="css/rem_a30ca1a.css"/>
</head>
<body>
    <div class="wrap">
        <div class="header">
            <div class="personal-infos">
                <div class="avatar">
                    <img src="images/avatar_a505cc3.jpg" alt="">
                </div>
                <div class="username">刘黎勇</div>
            </div>
            <div class="modify"><a href="publish.html"></a></div>
        </div>
        <div class="main">
            <div class="tabs">
                <div class="tab">
                    <div class="tab-n1 cur">动态</div>
                    <div class="tab-n2">消息</div>
                    <div class="tab-n3">收藏</div>
                </div>
            </div>
            <div class="swiper-container swiper-container-h swiper-container-h2">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div class="feed-list">
                            <div class="feed-item">
                                <div class="feed">
                                    <div class="nc">
                                        <div class="feed-hd wrapfix">
                                            <div class="avatar left">
                                                <img src="images/avatar_a505cc3.jpg" alt="" />
                                            </div>
                                            <div class="info left">
                                                <p class="title">
                                                    <span class="username">傻猪猪</span>
                                                </p>
                                                <p class="metas">
                                                    <span class="time">03-09 13:28</span>
                                                </p>
                                            </div>
                                        </div>
                                        <div class="feed-bd">
                                            <p class="txt">春夏秋冬,春来又冬去。<br />潮起又潮落,花谢又花开</p>
                                            <div class="ui-img-list">
                                                <img src="images/banner1_7665d71.jpg" alt="" />
                                            </div>
                                            <div class="show wrapfix">
                                                <div class="show-item show-like"><span class="cur">0</span>&nbsp;赞</div>
                                                <div class="show-item show-comment"><span>0</span>&nbsp;评论</div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="feed-ft">
                                        <div class="actions">
                                            <ul class="flex-cont">
                                                <li class="flex item like"><a href="###">赞</a></li>
                                                <li class="flex item comment"><a href="###">评论</a></li>
                                                <li class="flex item repost"><a href="###">分享</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="summary">
                                    <div class="likes">
                                        <a href="###" class="username">李白、</a><a href="###" class="username">王维、</a><a href="###" class="username">李白、</a><a href="###" class="username">王维、</a><a href="###" class="username">李白、</a><a href="###" class="username">王维、</a><a href="###" class="username">李白、</a><a href="###" class="username">王维、</a><a href="###" class="username">李白、</a><a href="###" class="username">王维、</a><a href="###" class="username">李白、</a><a href="###" class="username">王维、</a><a href="###" class="username">李白、</a><a href="###" class="username">王维、</a><a href="###" class="username">李白、</a><a href="###" class="username">王维、</a>
                                    </div>
                                    <div class="comments">
                                        <div class="comment-item">
                                            <span class="username">王维: </span>
                                            <span class="comment-text">大家好大家好！！！！</span>
                                        </div>
                                        <div class="comment-item">
                                            <span class="username">李白: </span>
                                            <span class="comment-text">大家好大家好！！！！</span>
                                        </div>
                                        <div class="comment-item">
                                            <span class="username">王维: </span>
                                            <span class="comment-text">大家好大家好！！！！</span>
                                        </div>
                                    </div>
                                    <div class="comment-input">
                                        <input type="text" placeholder="评论" />
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                    </div>
                    <div class="swiper-slide">
                        
                    </div>
                </div>
            </div>
        </div>
        <!-- S share-->
        <div class="share-pop">
            <div class="share">
                <div class="share-items wrapfix">
                    <div class="share-item"><a href="###"><img src="images/share-n1_7e35c38.png" alt=""><span>微信好友</span></a></div>
                    <div class="share-item"><a href="###"><img src="images/share-n2_a15eedc.png" alt=""><span>朋友圈</span></a></div>
                </div>
                <div class="ts wrapfix">
                    <div class="share-item"><a href="###"><img src="images/share-n3_882d285.png" alt=""><span>QQ好友</span></a></div>
                    <div class="share-item"><a href="###"><img src="images/share-n4_4165c13.png" alt=""><span>QQ空间</span></a></div>
                    <div class="share-item"><a href="###"><img src="images/share-n5_48db901.png" alt=""><span>新浪微博</span></a></div>
                </div>
                <div class="ft share-pop-close"><p>取消</p></div>
            </div>
        </div>
        <!-- E share-->
    </div>
    <!-- <script type="text/javascript" src="js/rem.js"></script> -->
    <script type="text/javascript" src="js/zepto.min_1abd55c.js"></script>
    <script type="text/javascript" src="js/swiper-3.4.2.min_fb13ef3.js"></script>
    <script type="text/javascript" src="js/personal_center_6f5f1fd.js"></script>
</body>
</html>